/* 公共样式 */
body,ul,ol,dl,dd,p,h1,h2,h3,h4,h5,h6,input,textarea,hr,div,em,strong{margin:0;padding:0;}
body{font-family: "微软雅黑";}
ul,ol{list-style-type: none;}
a{text-decoration: none;color: black;}
img{border: none;}
.clearfix::after{
    content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;
}
$redc:rgb(204,51,51);
$redcTrans:rgba(196, 9, 9, 0.979);
$redw:rgb(255,255,255);
$huic:rgb(80,80,80);
$width:100%;
$fsz:14px;
body{
    position: relative;
}
#header{
    height: 280px;width:$width;
    border: {
        bottom: solid;
        color: $redc;
        width: 2px;
    };
    #nav{
        height: 30px;
        font-size: 12px-2;
        background: $redw - 7;
        position: relative;
        line-height: 30px;
        a{
            color: $redw - 155;
            &:hover{
                color: $redcTrans;
                cursor: pointer;
            }
        }
        #left{
            float: left;
            margin-left: 50px;
            a{
                margin-left: 50px;
            }
        }
        #loginbar{
            float: right;
            margin-right: 100px;
            ul li{
                display: inline-block;
                padding: {
                    left: 10px;
                    right: 10px;
                };
            }
        }
    }
    #content{
        position: relative;
        height: 200px;
        #logo{
            float: left;
            margin-top: 60px;
            padding-left: 100px;
            a{
                display: block;
                width: 310px;
                height: 65px;
                background: url(../static/logo.png) no-repeat;
            }
        }
        #search{
            float: left;
            background: $redc;
            margin: {
                top: 80px;
                left: 80px;
            };
            width: 450px;
            height: 40px;
            padding-bottom: 3.5px;
            input{
                font-size: $fsz + 6;
                width: 380px;
                height: 40px;
                padding: 0;
                margin: 0;
                outline: none;
                border-color: $redc;
            }
        }
        #searchbtn{
            $size:23px;
            width: $size;
            height: $size;
            display: inline-block;
            background: url(../static/sousuo.png) -24px;
            margin: {
                top: -6px;
                bottom: -4px;
                left: 13px;
            };
        }
        #QR{
            width: 150px;
            height: 150px;
            float: right;
            background: url(https://s2.ymatou.com/home/e99aa3f029f2ae1173fabf6e9edf6c8a.png);
            margin: {
                top: 20px;
                right: 100px;
                left: 20px;
            };
            #qrimg{
                width: 90px;
                height: 90px;
                margin: {
                    top: 31px;
                    left:39px;
                };
            }
        }
    }
}
.nav{
    width: $width - 40%;
    margin: 0 auto;
    ul{
        display: inline;
        width: $width;
        li{
            display: inline;
            padding: 10px 50px;
            font-size: $fsz + 6;
            font-weight: bold;
            cursor: pointer;
            &:hover{
                color: $redc;
            }
            &:first-child{
                color: $redc;
            }
        }
    }
    span{
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url(../static/xuebitu.png) -182px 53px;
    }
}
.secondBar{
    position: absolute;
    left: 7.5%;
    top: 228px;
    width: $width - 14%;
    z-index:1;
    display:none;
    .nav1{
        display: inline-block;
        padding: 10px 50px;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        color: $redc;
        margin-left: 58.7%;
        border: {
            style:solid;
            color: $redc;
            width: 2px;
            bottom: none;
        };
        padding-bottom: 16px;
        background: $redw;
        span{
            display: inline-block;
            width: 15px;
            height: 15px;
            background: url(../static/xuebitu.png) -168px 53px;
        }
    }
    .sbar{
        width: $width;
        background: $redw;
        position: relative;
        #sbarlast p{
            color: $redc;
        }
        img{
            width: 60px;
            height: 40px;
        }
        .left{
            float: left;
            p{
                font-size: 20px;
                font-weight: bold;
                color: $huic;
            }
            span{
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url(https://s2.ymatou.com/home/4f17885f394dcd87bf2232af21239291.png) 5px 2px;
            }
            i{
                font-style: normal;
                font-size: $fsz - 2;
                color: $huic + 70;
            }
        }
        .right{
            float: left;
            margin: {
                left: 20px;
                top: 5px;
            };
        }
    }
    .sbar>div{
        height: 70px;
        width: 200px;
        padding: {
            top: 20px;
            left: 20px;
        };
        position: relative;
        float: left;
        cursor: pointer;
    }
}